<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>钟奕升的博客</title>
    <link rel="stylesheet" href="../css/common.css">
</head>
<body>
    <div class="nav">
        <img src="../images/logo.jpg" alt="">
        <span>我的博客系统</span>
        <span class="space"></span>
        <a href="blog_list.html">主页</a>
        <a href="about_my.html">关于我</a>
        <a href="login.html">注销</a>
    </div>
    <div class="container">
        <div class="container-left">
            <!-- 个人信息 -->
            <div class="card">
                <img src="../images/logo.jpg" alt="">
                <h3>计网1班钟奕升</h3>
                <a href="https://gitee.com/crocodile-auntie/2311020118-zhong-yisheng">gitee地址</a>
                <div class="counter">
                    <span>文章</span>
                    <span>分类</span>
                </div>
                <div class="counter">
                    <span>4</span>
                    <span>3</span>
                </div>
            </div>
        </div>
        <div class="container-right">
            <!-- 博客列表 -->
            <div class="blog">
                <div class="title">
                    重生-1
                    <div class="author">作者：钟奕升</div>
                    <div class="date">
                        2024-06-01
                    </div>
                    <div class="desc">
                        一觉醒来，发现自己重生在大学的课堂上，这次你发誓一定要学好Java，你重活一世并不是想证明什么，而是要告诉别人，你失去的东西，你一定要自己拿回来！……
                    </div>
                    <a class="detail" href="blog_content_1.html">查看全文&gt;&gt;</a>
                </div>
                <div class="title">
                    重生-2
                    <div class="author">作者：钟奕升</div>
                    <div class="date">
                        2024-06-02
                    </div>
                    <div class="desc">
                        一觉醒来，我重生了。这一世，我决定要学好HTML和CSS
                        回想过去，我一直对网页设计充满好奇……
                        
                    </div>
                    <a class="detail" href="blog_content_2.html">查看全文&gt;&gt;</a>
                </div>
                <div class="title">
                    C语言游戏实战（12）：植物大战僵尸（坤版）
                    <div class="author">作者：钟奕升</div>
                    <div class="date">
                        2024-06-03
                    </div>
                    <div class="desc">
                        本游戏使用C语言和easyx图形库编写，通过这个项目我们可以深度的掌握C语言的各种语言特性和高级开发技巧，以及锻炼我们独立的项目开发能力，
                        ……
                    </div>
                    <a class="detail" href="blog_content_1.html">查看全文&gt;&gt;</a>
                </div>
                <div class="title">
                    flex弹性布局（详解）
                    <div class="author">作者：钟奕升</div>
                    <div class="date">
                        2024-06-04
                    </div>
                    <div class="desc">
                        布局的传统解决方案，基于盒状模型，依赖 display 属性 + position 属性 + float 属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。
                        2009 年，W3C 提出了一种新的方案—— Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能……
                    </div>
                    <a class="detail" href="blog_content_1.html">查看全文&gt;&gt;</a>
                </div>
            </div>
        </div>
    </div>
</body>
</html>